<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>小狗在家-宠物家庭寄养</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <link type="image/x-icon" rel="shortcut icon" href="../img/viptail_title_icon.png" media="screen">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <link rel="stylesheet" href="../css/apply_mobile.min.css">
    </head>
<body>
    <header class="dt_fml_title">
        <span id="dtFmlBack"><img src="../img/icon_detail_return@2x.png"></span>
        <h1>申请寄养家庭</h1>
    </header>
    <section>
        <ul class="dt_fml_contact">
            <li>
                <label>手机号码：</label>
                <input type="text" id="dtFmlTelNum" placeholder="请输入手机号码" maxlength="11" onkeypress="check(event)" onkeyup="this.value=this.value.replace(/[^0-9]+/g,'')" oninput="this.value=this.value.replace(/[^0-9]+/g,'')">
            </li>
            <li>
                <label>寄养家庭名称：</label>
                <input type="text" id="dtFmlName" placeholder="输入中英文或数字">
            </li>
            <li>
                <label id="dtFmlSNSChange">QQ</label>
                <ul class="dt_sns_num hidden">
                    <li class="selected">QQ</li>
                    <li>微信</li>
                </ul>
                <img src="../img/icon_apply_dropdown@2x.png" >
                <input type="text" id="dtFmlSNSNum" placeholder="输入QQ号码" onkeypress="check(event)" onkeyup="this.value=this.value.replace(/[^0-9]+/g,'')" oninput="this.value=this.value.replace(/[^0-9]+/g,'')">
            </li>
        </ul>
        <ul class="dt_fml_info">
            <li>
                <label>真实姓名：</label>
                <input type="text" id="dtFmlRealName" placeholder="输入真实姓名">
            </li>
            <li>
                <label>身份证号码：</label>
                <input type="text" id="dtFmlIDCode" placeholder="输入有效身份证号码">
            </li>
            <li class="dt_id_card">
                <label>身份证照片：</label>
                <img alt="" src="../img/icon_card@2x.png" class="dt_id_sample">
                <div id="dtFmlIDCardIcon">
                    <input type="file" id="dtFmlIDCardFile" name="file" accept="image/*">
                    <span class="dt_id_img">
                        <img id="dtFmlIDCardImg" alt="" >
                    </span>
                </div>
            </li>
        </ul>
        <section class="dt_video_order">
            <p>预约视频认证时间：</p>
            <small>请慎重选择时间，方便客服人员与您沟通认证！</small>
            <table class="dt_date_time_sel" id="dtFmlIntrvwTable">
                <tr>
                    <td>
                        <label>预约面试日期</label>
                        <span id="dtFmlDateSpan" date="0">请选择</span>
                    </td>
                    <td>
                        <label>预约面试时间</label>
                        <span id="dtFmlTimeSpan" time="0">请选择</span>
                    </td>
                </tr>
            </table>
            <div>
                <input type="checkbox" id="dtFmlTreatyCheck">
                <span>同意<a id="dtFmlTreaty">《双方寄养服务协议》</a></span>
            </div>
            <button id="dtFmlOrderSubmit">提交预约</button>
        </section>
    </section>

    <div class="dt_fml_intrvw" id="intrvwSelPanel">
        <a><img src="../img/icon_detail_return@2x.png" width="6" height="13.3"></a>
        <p>预约面试时间</p>
        <!--<a>确定</a>-->
    </div>
    <iframe class="family_iframe" src="apply_interview.html" id="interviewFrame" style="display:none"></iframe>
    <iframe class="interview_iframe" src="apply_interview_time.html" id="interviewTimeFrame" style="display:none"></iframe>

    <article class="family_iframe" id="treatyBox" style="display:none">
        <button class="dt_fml_back" id="treatyBackBtn">关闭</button>
        <iframe src="http://tg.viptail.com/treaty_family.html" id="treatyIframe"></iframe>
    </article>

    <div id="shadeCover" class="shade_cover" style="display:none">
    </div>

    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/apply_mobile.js"></script>
    <script src="../js/jquery.base64.js"></script>
    <script src="../js/ajaxfileupload.min.js"></script>
</body>
</html>
